<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">

<head>
    <meta charset="UTF-8">
    <title>404</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="{{ asset('/img/bitbug_favicon.ico') }}" />
    <style>
        body {margin: 0;}

        .notfound {
            background-image: url('{{ asset('/img/404.jpg') }}');
            background-position: right top, center center;
            background-repeat: no-repeat, repeat;
            background-size: cover, auto;
        }
        .notfound .wrapper {
            position: absolute;
            top: 60%;
            right: 2%;
            color: #fff;
            width: 635px;
            font-size: 19px;
            line-height: 29px;
            -webkit-font-smoothing: antialiased;
            padding: 20px;
            font-family: 'Source Sans Pro', sans-serif;
        }
        .notfound .wrapper .big {
            font-size: 74px;
            font-weight: 700;
            line-height: 68px;
            margin-bottom: 48px;
        }
        .notfound .wrapper a {
            color: #ffcc00;
            text-decoration: none;
            font-weight: 700;
        }
        @media only screen and (max-width: 666px) {
            .notfound .wrapper {
                left: auto;
                right: 0;
                width: 100%;
                max-width: 450px;
                top: 35%;
            }
            .notfound .wrapper .big {
                font-size: 42px;
                line-height: 50px;
                margin-bottom: 15px;
            }
        }
    </style>
</head>
<body class="notfound">

<!-- 代码 开始 -->
<div class="wrapper">
    <div class="big">页面不见了！</div>
    <div>三秒后自动返回首页.</div>
</div>
<!-- 代码 结束 -->

</body>
<script>
    (function(){
      setTimeout(function(){
          window.location.href="/";
      },3000);
    })()
</script>
</html>
